<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset='utf-8'>
</head>
    <style type="text/css">
        #list li{
            width: 400px;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #999;
        }
        #bobo{
            background-color: #ccc;
        }

    </style>
<body>
        <h1>JS 鼠标事件-右击-双击</h1>
    <hr>

    <ul id="list">
        <li>小静静, 你宣我吗?  宣1</li>
        <li>小静静, 你宣我吗?  宣2</li>
        <li id="bobo">小波波, 你宣我吗?  宣3</li>
        <li>小静静, 你宣我吗?  宣4</li>
        <li>小静静, 你宣我吗?  宣5</li>
    </ul>

    <hr>

        
</body>

    <script>
        var bobo = document.getElementById("bobo");

        bobo.ondblclick = function(){
            bobo.style.backgroundColor = '#f90';
        }

        bobo.oncontextmenu = function(){
            bobo.style.backgroundColor='#abcdef';
            return false;
        }
    </script>

  
</html>